<template>
  <div class="abouts">
    <h1 class="About_title">人们无法认识到超出他们认知之外的事情...</h1>
  </div>
</template>

<script lang="ts">
import { defineComponent, onMounted } from "vue";
import show from "@/Hooks/windoHooks";
export default defineComponent({
  setup() {
    show("#about", ".About_title");
    return {};
  },
});
</script>

<style lang="less" scoped>
.abouts {
  // width: 15rem;
  width: 100%;
  background-color: var(--boxColor);
  height: 5.872rem;

  .About_title {
    width: 100%;
    text-align: center;
    margin-top: 0.8rem;
    font-size: 0.5rem;
    color: var(--fontColor);
    text-shadow: 0rem 0.1rem 0.2rem var(--HoverColor);
  }
}
</style>